<!DOCTYPE html>
<html>
<head>

<meta name="layout" content="main">




	<link rel="stylesheet" href="${resource(dir: 'css', file: 'adminPage.css')}" type="text/css">
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
	<script language="JavaScript" type="text/javascript" src="${resource(dir: 'js', file: 'adminPage.js')}"></script>
	
</head>
<body>
	<div class="pagewrapper" style="position: relative;background-color: white;">
		<div class="tab">
			<%--the div chua 2 tab "place appove" va "manager user"--%>
			
				
					<a id="btApprove" class="tabers" style="left:5%;font-size: 120%;text-decoration: none;cursor:default;">Place Appove</a> </td>
				
					<a id="btMnUser" class="tabers" style="left:20%;font-size: 120%;text-decoration: none;cursor:default;">Manage User</a> </td>
	
		</div> 
		
		<div id="formApprove" >
			<div id="map-canvas" class="main-canvas" style="margin-top: 0px;height: 560px"></div>	
		
			<input type="button" id="openlist" class="list-open" style="display:none; background-image: url(${resource(dir: 'images', file: 'btListOpen.png')}); ">
			<input type="button" id="closeList" class="list-close" style="background-image: url(${resource(dir: 'images', file: 'btListClose.png')}); ">
			<div class="div-place-header" style="" > 
				26 places unapprove
			</div>
			<div id="listopen"  style=" "> 
				<input type="submit" value="approve chosen" style="width:30%;position:absolute;left: 20%; top:30px;">
				<input type="submit" value="delete chosen" style="width:30%;position:absolute;right: 20%; top:30px;">
				
<%--				<div class="canvas-list" style=" ">--%>
<%--					<div id="" class="div-place" style="" >--%>
<%--						<div class="div-name-place" style="">--%>
<%--							<h3>House 1</h3>--%>
<%--						</div>--%>
<%--						<img class="image-place" alt="" src="${resource(dir: 'images', file: 'avata1.jpg')}" style="">--%>
<%--						<div id="" class="content-place" style="" >--%>
<%--							<h5>sdhlgksdlgksg</h5>--%>
<%--						</div>--%>
<%--						<div id="" class="sub-content-place" style="" >--%>
<%--							<input type="checkbox" class="cb-nhieu">--%>
<%--							<input type="button" class="bt-approve-nhieu" value="approve" style="">--%>
<%--							<input type="button" class="bt-delete-nhieu" value="delete" style="">--%>
<%--						</div>--%>
<%--					</div>	--%>
<%--					--%>
<%--					<div id="" class="div-place" style="top:175px;" >--%>
<%--						<div class="div-name-place" style="">--%>
<%--							<h3>House 1</h3>--%>
<%--						</div>--%>
<%--						<img class="image-place" alt="" src="${resource(dir: 'images', file: 'avata1.jpg')}" style="">--%>
<%--						<div id="" class="content-place" style="" >--%>
<%--							<h5>sdhlgksdlgksg</h5>--%>
<%--						</div>--%>
<%--						<div id="" class="sub-content-place">--%>
<%--							<input type="checkbox" class="cb-nhieu">--%>
<%--							<input type="button" class="bt-approve-nhieu" value="approve" style="">--%>
<%--							<input type="button" class="bt-delete-nhieu" value="delete" style="">--%>
<%--						</div>--%>
<%--					</div>--%>
<%--					--%>
<%--					<div id="" class="div-place" style="top:344px;" >--%>
<%--						<div class="div-name-place" style="">--%>
<%--							<h3>House 1</h3>--%>
<%--						</div>--%>
<%--						<img class="image-place" alt="" src="${resource(dir: 'images', file: 'avata1.jpg')}" style="">--%>
<%--						<div id="" class="content-place" style="" >--%>
<%--							<h5>sdhlgksdlgksg</h5>--%>
<%--						</div>--%>
<%--						<div id="" class="sub-content-place" style="" >--%>
<%--							<input type="checkbox" class="cb-nhieu" style="">--%>
<%--							<input type="button" class="bt-approve-nhieu" value="approve" style="">--%>
<%--							<input type="button" class="bt-delete-nhieu" value="delete" style="">--%>
<%--						</div>--%>
<%--					</div>--%>
<%--				</div>--%>
				
				<div id="listopen2" class="style-scrollbar" style="" >
					<div class="div-place" id="pop-up-open">
						<img class="img-place" src="${resource(dir: 'images', file: '1.jpg')}" style="">
						<div class="div-place-address"   style="">
							526, Pham Van Dong Street, Son Tra District, Da Nang City,Vietnam
						</div>
						<div class="div-place-description" style=""> 
							Đồ uống rất chán, đồ ăn thì đắtt. Chỉ nên gọi Coke hoặc trà. Nhưng rộng rãi yên tĩnh cảnh đẹp. Thích hợp tụ tập đàn đúm trên tầng 2 hoặc làm việc và soi mói thiên hạ ở tầng 1
						</div>
						<input type="checkbox" style="position: absolute;top: 140px;left:2%; ">
						<input type="submit" class="bt-place"   value="Approve" style="left:25%;">
						<input type="submit" class="bt-place" value="Delete" style="left:40%;">
					</div>
					<div class="div-place" style="top: 175px">
						<img class="img-place" src="${resource(dir: 'images', file: '3.jpg')}" style="">
						<div class="div-place-address" style="">
							526, Pham Van Dong Street, Son Tra District, Da Nang City,Vietnam
						</div>
						<div class="div-place-description" style=""> 
							Đồ uống rất chán, đồ ăn thì đắtt. Chỉ nên gọi Coke hoặc trà. Nhưng rộng rãi yên tĩnh cảnh đẹp. Thích hợp tụ tập đàn đúm trên tầng 2 hoặc làm việc và soi mói thiên hạ ở tầng 1
						</div>
						<input type="checkbox" style="position: absolute;top: 140px;left:2%; ">
						<input type="submit" class="bt-place" value="Approve" style="left:25%;">
						<input type="submit" class="bt-place" value="Delete" style="left:40%;">					
					</div>
					<div class="div-place" style="top: 345px">
						<img class="img-place" src="${resource(dir: 'images', file: '4.jpg')}" style="">
						<div class="div-place-address" style="">
							526, Pham Van Dong Street, Son Tra District, Da Nang City,Vietnam
						</div>
						<div class="div-place-description" style=""> 
							Đồ uống rất chán, đồ ăn thì đắtt. Chỉ nên gọi Coke hoặc trà. Nhưng rộng rãi yên tĩnh cảnh đẹp. Thích hợp tụ tập đàn đúm trên tầng 2 hoặc làm việc và soi mói thiên hạ ở tầng 1
						</div>
						<input type="checkbox" style="position: absolute;top: 140px;left:2%; ">
						<input type="submit" class="bt-place" value="Approve" style="left:25%;">
						<input type="submit" class="bt-place" value="Delete" style="left:40%;">
					</div>
					<div class="div-place" style="top: 515px">
						<img class="img-place" src="${resource(dir: 'images', file: '5.jpg')}" style="">
						<div class="div-place-address" style="">
							526, Pham Van Dong Street, Son Tra District, Da Nang City,Vietnam
						</div>
						<div class="div-place-description" style=""> 
							Đồ uống rất chán, đồ ăn thì đắtt. Chỉ nên gọi Coke hoặc trà. Nhưng rộng rãi yên tĩnh cảnh đẹp. Thích hợp tụ tập đàn đúm trên tầng 2 hoặc làm việc và soi mói thiên hạ ở tầng 1
						</div>
						<input type="checkbox" style="position: absolute;top: 140px;left:2%; ">
						<input type="submit" class="bt-place" value="Approve" style="left:25%;">
						<input type="submit" class="bt-place" value="Delete" style="left:40%;">
					</div>
					<div class="div-place" style="top: 685px">
						<img class="img-place" src="${resource(dir: 'images', file: '6.jpg')}" style="">
						<div class="div-place-address" style="">
							526, Pham Van Dong Street, Son Tra District, Da Nang City,Vietnam
						</div>
						<div class="div-place-description" style=""> 
							Đồ uống rất chán, đồ ăn thì đắtt. Chỉ nên gọi Coke hoặc trà. Nhưng rộng rãi yên tĩnh cảnh đẹp. Thích hợp tụ tập đàn đúm trên tầng 2 hoặc làm việc và soi mói thiên hạ ở tầng 1
						</div>
						<input type="checkbox" style="position: absolute;top: 140px;left:2%; ">
						<input type="submit" class="bt-place" value="Approve" style="left:25%;">
						<input type="submit" class="bt-place" value="Delete" style="left:40%;">
					</div>
				</div>
				
			</div>	
			<div id="popup-close-div" style="width: 100%;height: 600px;background-color: rgba(0,0,0,0.5);position:absolute;z-index: 60;display: none; ">
				<div class="popup-close-div2" style="width: 100%;height: 60px;background-color: rgba(0,0,0,0);position:absolute;z-index: 65;display: none; "></div>
				<div class="popup-close-div2" style="width: 100%;height: 20px;bottom:0px; background-color: rgba(0,0,0,0);position:absolute;z-index: 65;display: none; "></div>
				<div class="popup-close-div2" style="width: 15%;height: 600px;background-color: rgba(0,0,0,0);position:absolute;z-index: 65;display: none; "></div>
				<div class="popup-close-div2" style="width: 15%;height: 600px;right:0px; background-color: rgba(0,0,0,0);position:absolute;z-index: 65;display: none; "></div>
				
				<div id="popup-nhieu" style="width: 70%; height: 520px;top: 60px;left: 15%;background-color: white;position: absolute;z-index: 70;-moz-border-radius: 2px;-webkit-border-radius: 2px;display: none;">
					
					<div style="width:100%;height: 30px;position: absolute;z-index: 80;top: 0px;background-color: white;-moz-border-radius- : 1px;-webkit-border-radius: 1px;"> 
						<a style="width: 40%;height: 30px;position: absolute;left:5%;top:15px; z-index: 90;color: black;font:150% bolder ;text-align: left;text-decoration: none;cursor: default;">PLACE DETAIL</a>
						<input type="submit" value="Add to Favourite" style="position: absolute;z-index: 90;left:70%;top:12px;" >
						<input type="submit" value="Add to Compare" style="position: absolute;z-index: 90;left:85%;top:12px;" >
					</div>
					<div style="width:100%;height: 40px;position: absolute;z-index: 80;top: 50px;background-color: white;">
						<div id="bt-open-tab-popup1" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:5%; background-color: white;display:none;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Detail</a>
						</div>
						<div id="bt-open-tab-popup2" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:16.4%; background-color: white;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Photo</a>
						</div>
						<div id="bt-open-tab-popup3" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:27.8%; background-color: white;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Feature</a>
						</div>
						<div id="bt-open-tab-popup4" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:39.2%; background-color:white;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Right next service</a>
						</div>
						
						<div id="bt-close-tab-popup1" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:5%; background-color: #EEEEEE;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Detail</a>
						</div>
						<div id="bt-close-tab-popup2" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:16.4%; background-color: #EEEEEE;display:none;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Photo</a>
						</div>
						<div id="bt-close-tab-popup3" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:27.8%; background-color: #EEEEEE;display:none;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Feature</a>
						</div>
						<div id="bt-close-tab-popup4" style="width:11%;height: 40px;position: absolute;z-index: 90;top:0px;left:39.2%; background-color:#EEEEEE;display:none;">
							<a style="width: 100%;position: absolute;z-index: 100;bottom: 10px;text-align: center;text-decoration: none;cursor: default;">Right next service</a>
						</div>
					</div>
					
					<div id="taber-popup-1" style="width:100%;height:430px ;top:90px;position: absolute;z-index: 80;background-color: #EEEEEE; ">
						tab 1
					</div>
					<div id="taber-popup-2" style="width:100%;height:430px ;top:90px;position: absolute;z-index: 80;background-color: #EEEEEE;display:none; ">
						tab 2
					</div>
					<div id="taber-popup-3"style="width:100%;height:430px ;top:90px;position: absolute;z-index: 80;background-color: #EEEEEE;display:none; ">
						tab 3
					</div>
					<div id="taber-popup-4"style="width:100%;height:430px ;top:90px;position: absolute;z-index: 80;background-color: #EEEEEE;display:none; ">
						tab 4
					</div>
				</div>
				
				
			</div>
			
		</div>
		
		
		
		<div id="formManageUser" style="">
			<%--this space will show list of user to manage  --%>
			 <div class="admin-search-user">
			 		
			 	<div class="admin-search-user-header">
			 		<div style="position:absolute;top:10px;left:3%;font-size:x-large;">Search User</div>
			 	</div>
			 	<div class="admin-search-user-header" style="height: 80px;top:60px;background-color: white;">
			 		<div style="position:absolute;top:19px;left:10%">Email User</div>
			 		<input type="text" style="width: 30%;height:20px; position:absolute;top:16px;left:30%;border: 2px solid blue; ">
			 		<input type="button" value="search" style="width:10%;height:22px; position:absolute;top:16px;left:65%;">
			 	</div>
			 </div>
			 
			 <div  class="admin-search-user" style="height: 382px;top:175px;">
			 		
			 	<div class="admin-search-user-header" style="">	 	
			 		<div style="position:absolute;top:10px;left:3%;font-size:x-large;">Manager User</div>
			 		<input type="button" value="Delete chosen" style="position:absolute;top:13px;left:83%;">
			 	</div>
			 	<div class="admin-search-user-header" style="width: 98%; height: 325px;top:50px;left:1%;background-color: #D1D1D1;">                            
			 		
			 	</div>
			 	
			 </div>
		</div>
		 <%--the div chua noi dung list--%>
		</div>
	
			<div id="dialog" style="">
				<div >
					
				</div>
				hsdkjfshdkfjjadbhvfgshdkfshdkgjsdhkjghsdkjghsdkjfhksdjfhksjdfhkjsdhfkjsdfhkj
			</div>
	
</body>
</html>		



